<template>
  <div
    class="table-status"
    :class="(info.statusCode && codeMaps[info.statusCode]?.class) || info.statusClass"
  >
    <!-- <span class="circle"></span> -->
    <svg-icon icon-class="submit-wait" :style="{ color: codeMaps[info.statusCode]?.color }" />
    {{ info.status }}
  </div>
</template>

<script lang="ts" setup>
import { defineProps, PropType } from 'vue'

import { codeMaps } from '@/configs/codeMaps'
import IBaseObj from '#/index'

defineProps({
  info: {
    type: Object as PropType<IBaseObj>,
    required: true,
  },
})
</script>
